<template>
<div>
  <el-row>
  <el-col :span="10" v-for="(o, index) in 2" :key="o" :offset="index > 0 ? 2 : 0">
    <el-card :body-style="{ padding: '0px' }">
      <img src="https://img2.baidu.com/it/u=1884386286,3657483258&fm=253&fmt=auto&app=138&f=JPEG?w=750&h=500" class="image">
      <div style="padding: 14px;">
        <span>班级001</span>
        <div class="bottom clearfix">
          <time class="time">{{ currentDate }}</time>
          <el-button @click="$router.push('/class/classDetail1')" class="button">班级详情</el-button>
        </div>
      </div>
    </el-card>
  </el-col>
</el-row>
<el-row>
  <el-col :span="10" v-for="(o, index) in 2" :key="o" :offset="index > 0 ? 2 : 0">
    <el-card :body-style="{ padding: '0px' }">
      <img src="https://img2.baidu.com/it/u=1884386286,3657483258&fm=253&fmt=auto&app=138&f=JPEG?w=750&h=500" class="image">
      <div style="padding: 14px;">
        <span>班级002</span>
        <div class="bottom clearfix">
          <time class="time">{{ currentDate }}</time>
          <el-button  @click="$router.push('/class/classDetail2')"  class="button">班级详情</el-button>
        </div>
      </div>
    </el-card>
  </el-col>
</el-row>
<el-row>
  <el-col :span="10" v-for="(o, index) in 2" :key="o" :offset="index > 0 ? 2 : 0">
    <el-card :body-style="{ padding: '0px' }">
      <img src="https://img2.baidu.com/it/u=1884386286,3657483258&fm=253&fmt=auto&app=138&f=JPEG?w=750&h=500" class="image">
      <div style="padding: 14px;">
        <span>班级003</span>
        <div class="bottom clearfix">
          <time class="time">{{ currentDate }}</time>
          <el-button @click="$router.push('/class/classDetail3')"   class="button">班级详情</el-button>
          
        </div>
      </div>
    </el-card>
  </el-col>
</el-row>
</div>


  


</template>


<script>
export default {
  name: 'index'

}
</script>
<script>
export default {
  data() {
    return {
      currentDate: new Date()
    };
  /* methods: {
      topage3(){
        this.$router.push("/class/001"),

      },
    },*/
  }
}
</script>

<style scoped>

</style>
